﻿
@{
    ViewBag.Title = "标签墙";
}

@section Style{
    @Styles.Render("~/Content/Flat/Css/base")
}

@section Script{
    @Scripts.Render("~/Content/Flat/Js/fb_wall")
}
<!--main content start-->
<section id="main-content">
    <section class="wrapper site-min-height">
        <!-- page start-->
        <div class="row">
            <div class="col-md-9">
                <section class="panel">
                    <div class="cover-photo">
                        <div class="fb-timeline-img">
                            <img src="/Content/Flat/img/fb-img.jpg" alt="">
                        </div>
                        <div class="fb-name">
                            <h2><a href="#">史密斯</a></h2>
                        </div>
                    </div>
                    <div class="panel-body">
                        <div class="profile-thumb">
                            <img src="/Content/Flat/img/profile-avatar.jpg" alt="">
                        </div>
                        <a href="#" class="fb-user-mail">service@jucheap.com</a>
                    </div>
                </section>

                <section class="panel profile-info">
                    <form>
                        <textarea class="form-control input-lg p-text-area" rows="2" placeholder="你今日的计划?"></textarea>
                    </form>
                    <footer class="panel-footer">
                        <button class="btn btn-danger pull-right">发送</button>
                        <ul class="nav nav-pills">
                            <li>
                                <a href="#"><i class="fa fa-map-marker"></i></a>
                            </li>
                            <li>
                                <a href="#"><i class="fa fa-camera"></i></a>
                            </li>
                            <li>
                                <a href="#"><i class=" fa fa-film"></i></a>
                            </li>
                            <li>
                                <a href="#"><i class="fa fa-microphone"></i></a>
                            </li>
                        </ul>
                    </footer>
                </section>
                <section class="panel">
                    <div class="panel-body">
                        <div class="fb-user-thumb">
                            <img src="/Content/Flat/img/pro-ac-1.png" alt="">
                        </div>
                        <div class="fb-user-details">
                            <h3><a href="#" class="#">马汀娜</a></h3>
                            <p>7 分钟前 北京</p>
                        </div>
                        <div class="clearfix"></div>
                        <p class="fb-user-status">
                            除了直接收入，API也有很多方法可以间接地增加收入，比如内容采集。美国电商Ebay就提供了很多API来为销售商提供诸如流行趋势、客户反馈以及物流查询等功能，这些API都间接地提高了Ebay的收入。有些API也能够帮助用户降低成本，相当于间接提高了利润。
                        </p>
                        <div class="fb-status-container fb-border">
                            <div class="fb-time-action">
                                <a href="#" title="Like this">赞</a>
                                <span>-</span>
                                <a href="#" title="Leave a comment">评论</a>
                                <span>-</span>
                                <a href="#" title="Send this to friend or post it on your time line">分享</a>
                            </div>
                        </div>


                        <div class="fb-status-container fb-border fb-gray-bg">
                            <div class="fb-time-action like-info">
                                <a href="#">马宏</a>
                                <a href="#">戴安娜</a>
                                <span>and</span>
                                <a href="#">40+</a>
                                <span>赞</span>
                            </div>

                            <ul class="fb-comments">
                                <li>
                                    <a href="#" class="cmt-thumb">
                                        <img src="/Content/Flat/img/mail-avatar.jpg" alt="">
                                    </a>
                                    <div class="cmt-details">
                                        <a href="#">Jhone due</a>
                                        <span> 对于物联网来说安全是一个很重要的考量，同时它也可能是物联网API变现的一种方式。随着设备制造商倾注更多的精力和资源来打造完美的产品，对第三方的安全服务的需求也在增加，能够把握住的话是一个很好的赚钱机会。 </span>
                                        <p>40 分钟前 - <a href="#" class="like-link">赞</a></p>
                                    </div>
                                </li>
                                <li>
                                    <a href="#" class="cmt-thumb">
                                        <img src="/Content/Flat/img/follower-avatar.jpg" alt="">
                                    </a>
                                    <div class="cmt-details">
                                        <a href="#">塔瓦夫</a>
                                        <span> 小微支付是近年刚刚出现的新鲜事物，它对物联网来说有着特别实际的意义。随着联网汽车的出现，在停车场和公路收费站都可以有很多不同的玩法。</span>
                                        <p>34 分钟前 - <a href="#" class="like-link">赞</a></p>
                                    </div>
                                </li>

                                <li>
                                    <a href="#" class="cmt-thumb">
                                        <img src="/Content/Flat/img/mail-avatar.jpg" alt="">
                                    </a>
                                    <div class="cmt-details">
                                        <a href="#">Jhone due</a>
                                        <span> 它对物联网来说有着特别实际的意义.   </span>
                                        <p>15 分钟前 - <a href="#" class="like-link">赞</a></p>
                                    </div>
                                </li>
                                <li>
                                    <a href="#" class="cmt-thumb">
                                        <img src="/Content/Flat/img/follower-avatar.jpg" alt="">
                                    </a>
                                    <div class="cmt-details">
                                        <a href="#">弗兰克</a>
                                        <span> 通过物联网API赚钱的方法当然不止我们列出的这九种，不过希望能够通过本文抛砖引玉，对大家赚钱的点子有所启发。.  </span>
                                        <p>2 分钟前 - <a href="#" class="like-link">赞</a></p>
                                    </div>
                                </li>
                                <li>
                                    <a href="#" class="cmt-thumb">
                                        <img src="/Content/Flat/img/follower-avatar.jpg" alt="">
                                    </a>
                                    <div class="cmt-form">
                                        <textarea class="form-control" placeholder="填写评论" name=""></textarea>
                                    </div>
                                </li>
                            </ul>

                            <div class="clearfix"></div>

                        </div>

                    </div>
                </section>

                <section class="panel">
                    <div class="panel-body">
                        <div class="fb-user-thumb">
                            <img alt="" src="/Content/Flat/img/pro-ac-2.png">
                        </div>
                        <div class="fb-user-details">
                            <h3><a class="#" href="#">Jasica Rosario</a></h3>
                            <p>7 minutes ago near Alaska, USA</p>
                        </div>
                        <div class="clearfix"></div>
                        <p class="fb-user-status">
                            凸函数比较简单——它们通常只有一个局部最小值。非凸函数则更加复杂。在这篇文章中，我们将讨论不同类型的临界点（ critical points） ，当你在寻找凸路径（ convex path ）的时候可能会遇到。特别是，基于梯度下降的简单启发式学习方法，在很多情形下会致使你在多项式时间内陷入局部最小值（ local minimum ） 。
                        </p>
                        <div class="fb-time-action">
                            <a href="#" title="Like this">赞</a>
                            <span>-</span>
                            <a href="#" title="Leave a comment">评论</a>
                            <span>-</span>
                            <a href="#" title="Send this to friend or post it on your time line">分享</a>
                        </div>


                        <div class="fb-status-container fb-border fb-gray-bg">
                            <div class="fb-time-action like-info">
                                <a href="#">马宏</a>
                                <a href="#">戴安娜</a>
                                <span>and</span>
                                <a href="#">40 +</a>
                                <span>赞过</span>
                            </div>

                            <ul class="fb-comments">
                                <li>
                                    <a class="cmt-thumb" href="#">
                                        <img alt="" src="/Content/Flat/img/mail-avatar.jpg">
                                    </a>
                                    <div class="cmt-details">
                                        <a href="#">Jhone due</a>
                                        <span>一方面，和已经非常成熟的公有云和私有云方案相比，目前的 OpenStack 在扩展性方面还有很多的不足，这些不足给其大规模扩展性带来了相当多的问题。另一方面，扩展性本身也许不是太大的问题，比如一个云能够支持200个节点还是支持300个节点也许不是那么重要，但是，个人认为，扩展性和产品的品质是息息相关的。 </span>
                                        <p>23 分钟前 - <a class="like-link" href="#" tittle="Like this">赞</a></p>
                                    </div>
                                </li>
                                <li>
                                    <a class="cmt-thumb" href="#">
                                        <img alt="" src="/Content/Flat/img/follower-avatar.jpg">
                                    </a>
                                    <div class="cmt-details">
                                        <a href="#">弗兰克</a>
                                        <span> 一个具有良好扩展性的OpenStack 私有云产品，是可以比较容易地和它的高质量联系上的，一个能支持大的规模扩展性良好的系统，其稳定性、可靠性、可用性都将会比较好。 </span>
                                        <p>45 分钟前 - <a class="like-link" href="#" tittle="Like this">赞</a></p>
                                    </div>
                                </li>


                                <li>
                                    <a class="cmt-thumb" href="#">
                                        <img alt="" src="/Content/Flat/img/follower-avatar.jpg">
                                    </a>
                                    <div class="cmt-form">
                                        <textarea name="" placeholder="填写评论..." class="form-control"></textarea>
                                    </div>
                                </li>
                            </ul>

                            <div class="clearfix"></div>

                        </div>

                    </div>
                </section>

            </div>
            <div class="col-md-3">
                <div class="fb-timeliner">
                    <h2 class="recent-highlight">Recent</h2>
                    <ul>
                        <li class="active"><a href="#">十二月</a></li>
                        <li><a href="#">十一月</a></li>
                        <li><a href="#">十月</a></li>
                        <li><a href="#">九月</a></li>
                        <li><a href="#">八月</a></li>
                        <li><a href="#">七月</a></li>
                        <li><a href="#">六月</a></li>
                        <li><a href="#">五月</a></li>
                        <li><a href="#">四月</a></li>
                        <li><a href="#">三月</a></li>
                        <li><a href="#">二月</a></li>
                        <li><a href="#">一月</a></li>
                    </ul>
                </div>
                <div class="fb-timeliner">
                    <h2>2012</h2>
                    <ul>
                        <li><a href="#">十月</a></li>
                        <li><a href="#">九月</a></li>
                        <li><a href="#">八月</a></li>
                        <li><a href="#">七月</a></li>
                        <li><a href="#">六月</a></li>
                        <li><a href="#">五月</a></li>
                        <li><a href="#">四月</a></li>
                    </ul>
                </div>

                <div class="fb-timeliner">
                    <h2>2011</h2>
                    <ul>
                        <li><a href="#">五月</a></li>
                        <li><a href="#">四月</a></li>
                        <li><a href="#">三月</a></li>
                        <li><a href="#">二月</a></li>
                        <li><a href="#">一月</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- page end-->
    </section>
</section>
<!--main content end-->